<div class="container-fluid not-found">
  <div class="row justify-content-center align-items-center h-100 position-relative">

    <div class="watermark d-flex justify-content-center align-items-center">
      <p class="m-0">404</p>
    </div>

    <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 col-12 text-center">
      <h3 class="mat-display-2 fw-bolder my-0">Page Not Found</h3>
      <p class="mt-4 mat-subheading-2">The page you're looking for might have been removed, had its name changed or it's
        temporarily unavailable.</p>
      <button mat-raised-button color="primary" routerLink="/">Return to homepage</button>
    </div>

  </div>
</div>